// 该文件专门用来创建整个项目的路由器
import VueRouter from "vue-router";
import About from "@/pages/About";
import Home from "@/pages/Home";
import News from "@/pages/News";
import Message from "@/pages/Message";
import Detail from "@/pages/Detail";

// 创建并暴露一个路由器
const router = new VueRouter({
    mode: 'history',
    routes: [
        // 一级路由
        {
            name: 'guanyu',
            // 路径
            path: '/about',
            // 对应的组件
            component: About,
        },
        {
            name: 'zhuye',
            path: '/home',
            component: Home,
            // 配置二级路由
            children: [
                {
                    name: "myNews",
                    // 二级路由不需要加斜杠
                    path: 'news',
                    component: News,
                    meta: {
                        isAuth: true
                    },
                    // 独享路由守卫
                    // beforeEnter: (to, from, next) => {
                    //     // 逻辑使用方法跟全局前置路由守卫一致
                    // }
                },
                {
                    name: 'xinxi',
                    // 二级路由不需要加斜杠
                    path: 'message',
                    component: Message,
                    meta: {
                        isAuth: true
                    },
                    children: [
                        {
                            name: "myDetail",
                            // 占位符
                            path: 'detail/:id/:title',
                            component: Detail,
                            props: function ($route) {
                                return {
                                    id: $route.params.id,
                                    title: $route.params.title
                                }
                            }
                        }
                    ]
                }
            ]
        }
    ]
});

/**
 * 在每次路由切换之前或初始化的时候被调用一个函数  全局前置路由守卫
 * @param to    要到的路由
 * @param from  来源的路由
 */
// router.beforeEach((to, from, next) => {
//     console.log(to, from);
//     // if (to.path === '/home/news' || to.path === '/home/message') {
//     //     if (localStorage.getItem('school') === 'xigongda2') {
//     //         next();
//     //     } else {
//     //         alert("无权限");
//     //     }
//     // } else {
//     //     next();
//     // }
//     if (to.meta.isAuth) {
//         if (localStorage.getItem('school') === 'xigongda2') {
//             next();
//         } else {
//             alert("无权限");
//         }
//     } else {
//         next();
//     }
// });

/**
 * 后置路由守卫
 */
// router.afterEach((to, from) => {
//     document.title = to.name;
// });

export default router;